@import url("jquery.mobile-1.3.2.css");

#header {
    border: 1px solid #71868C;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0 1px 0 #71868C;
    background: url(http://vshop.kuaidiantong.cn/templates/vshop/default/images/process/hea_back.jpg) repeat-x #f6f6f6;
}
#pageContent .ui-content .ui-listview .ui-li h1,
#menupanel.ui-panel .ui-panel-inner .panel-content ul.ui-listview li.ui-li h1{
    color: #D3253C;
}
.ui-corner-all {
	-webkit-border-radius: .2em !important; /*{global-radii-blocks}*/
	border-radius: .2em !important /*{global-radii-blocks}*/;
}
.ui-btn-corner-all {
	-webkit-border-radius: 0.2em !important /*{global-radii-buttons}*/;
	border-radius: 0.2em !important /*{global-radii-buttons}*/;
}
.ui-collapsible-content {
    padding: 5px 10px !important;
}
.product_images img {
    max-width: 330px !important;
}
.groupbox {
    border-radius: 2px !important;
    box-shadow: 1px 2px 2px #999999 !important;
}
/*****general buttion*****/
.ui-btn-up-e{
    background: -moz-linear-gradient(center top , #42CBED, #1DAFD4) repeat scroll 0 0 #1DAFD4;
	background: #1DAFD4;
    border: 1px solid #1DAFD4;
    color: #FFFFFF!important;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 -1px 1px #1DAFD4;
}
.ui-btn-hover-e,.ui-btn-down-e{
    background: -moz-linear-gradient(center top , #42CBED, #1E8BEC) repeat scroll 0 0 #1E8BEC;
	background: #1E8BEC;
    border: 1px solid #1E8BEC;
    color: #FFFFFF!important;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 -1px 1px #1E8BEC;
}

.ui-btn-up-f,.ui-btn-up-a{
    background: -moz-linear-gradient(center top , #F29A71, #C96030) repeat scroll 0 0 #EF6423;
	background: #E77844;
    border: 1px solid #E77844;
    color: #FFFFFF!important;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 -1px 1px #E77844;
}
.ui-btn-hover-f,.ui-btn-down-f,.ui-btn-hover-a,.ui-btn-down-a{
    background: -moz-linear-gradient(center top , #F29A71, #C96030) repeat scroll 0 0 #EF6423;
	background: #C57743;
    border: 1px solid #C57743;
    color: #FFFFFF!important;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 -1px 1px #C57743;
}

/*****product price*****/
.price {
    border-color: #1DAFD4 white #1DAFD4 #1DAFD4;
    border-style: solid;
    border-width: 0.8em 0.4em 0.8em 0.5em;
    color: #FFFFFF;
    display: inline-block;
    height: 0;
    line-height: 0;
    min-width: 5em;
    padding-right: 0.5em;
    white-space: nowrap;
	overflow: visible;
	-webkit-margin-after: 0em;
	-webkit-margin-before: 0em;
}
/*****ShippingCart Operation *****/
.gradientBlue2, .gradientBlue2WithoutActive {
    background: -moz-linear-gradient(center top ,#007CC3,#219BDD) repeat scroll 0 0 transparent;
	background-image: -webkit-linear-gradient( #007CC3 /*{a-bar-background-start}*/, #219BDD /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient( #007CC3 /*{a-bar-background-start}*/, #219BDD /*{a-bar-background-end}*/); /* FF3.6 */
	background-image: -ms-linear-gradient( #007CC3 /*{a-bar-background-start}*/, #219BDD /*{a-bar-background-end}*/); /* IE10 */
	background-image: -o-linear-gradient( #007CC3 /*{a-bar-background-start}*/, #219BDD /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image: linear-gradient( #007CC3 /*{a-bar-background-start}*/, #219BDD /*{a-bar-background-end}*/);
}
.box {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.box > * {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
}
.tbox {
	width: 100%;
}
.tbox > * {
	display: table-cell;
	vertical-align: top;
}
.tbox > *:last-child {
	width: 100%;
}

*[class*="btn"] {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/***********Index**********/
#pageContent .ui-content {
   padding: 0px !important;
}
.card_lol a{
	vertical-align: middle;
	height:247px;
	overflow:hidden;
}
.card_lol a>div:first-child>*{
	display: inline-block;
	width:120px;
	margin-left:15px;
}
.card_lol a>div:first-child>label{
	font-size:18px;
}
.card_lol a>div:first-child{
	color:#fff;
	vertical-align: middle;
	background-color:#F2F2F2;
	direction: ltr;
}

.card_lol a>div:nth-of-type(2){
	height:247px;
	background-size:100% auto;
}

.card_lol[style*="rtl"] a>div:first-child{
	background-color:#930084;
}
.promo_ul {
    margin-bottom: -2px;
    margin-top: -2px;
}
.promo_ul img {
	width:100%;
	margin-bottom: -4px;
}
.v12_ul{
   background: #F2F2F2;
   padding:5px 0px;
}
.v12_ul li{
	margin:10px;
}
.v12_ul .link{
	border:1px solid #ccc;
	line-height:35px;
	padding:0 10px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	display:block;
	color:#000;
	font-size:16px;
	background:url("../images/v12_1.png") no-repeat 97% center;
	-webkit-background-size:20px auto;
	background-size:20px auto;
	background-color:#fff;
}
.v12_ul .link>span{
	margin-left:5px;
	font-size:14px;
	color:#ccc;
}
.index-titbg{
	background-size:100% 100%;
	height:100px;
	width:100%;
}
.index-title{
	float: left;
    color: #FFF;
    font-size: 28px;
	font-weight:normal;
	margin-left: 20px;
    margin-top: 40px;
	text-shadow: 0 0.3px 0 #FFFFFF;
}
.index-titbg img{
	width:100%;
}
@media screen and (max-width: 600px) {
	.index-title{
		color: #FFF;
		font-size: 20px;
		margin-left: 20px;
		margin-top: 30px;
	}
	.index-titbg{
		height:75px;
		width:100%;
	}
}
@media screen and (max-width: 400px) {
	.index-titbg{
		height:48px;
		width:100%;
	}
	.index-title{
			color: #FFF;
			font-size: 18px;
			margin-left: 20px;
			margin-top: 15px;
			letter-spacing:1px;
	}
}